<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <script src="../js/flexible.js"></script>
    <title>读者到馆情况</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/reader.css">

    <!--[if lt IE 9]>
    <script src="../js/html5shiv.min.js"></script>
    <script src="../js/respond.min.js"></script>
    <![endif]-->
</head>
<body class="reader-bg">
<!-- 页面容器 start -->
<div id="pageWrap" class="container bk-container">

    <!-- 页面标题 start -->
    <h1 id="pageHeader" class="header text-hide">
        读者到馆情况
        <img src="../images/reader/mod1_title.png" class="img-header img-responsive">
    </h1>
    <!-- 页面标题 end-->

    <!-- 进馆人数总数统计 start -->
    <div id="totalStatistics" class="row statistics-total">
        <div class="col-xs-6 statistics-chartbox">
             <div class="statistics-chart-text">
                <p class="circle-label">本月进馆人数</p>
                <p class="circle-txt">26,666人</p>
            </div>
            <div id="totalStatisticsChartMonth" class="statistics-total-chart"></div>
            <p class="t1 text-center"><span>上月同期进馆人数：</span><span field="monNum">20,333人</span></p>
        </div>
        <div class="col-xs-6">
            <div class="statistics-chart-text">
                <p class="circle-label">本年进馆人数</p>
                <p class="circle-txt">826,666人</p>
            </div>
            <div id="totalStatisticsChartYear" class="statistics-total-chart"></div>
            <p class="t1 text-center"><span>去年同期进馆人数：</span><span field="monNum">966,333人</span></p>
        </div>
        <div class="clearfix"></div>
        <div class="col-xs-12">
            <div class="statistics-circle-block statistics-total-text text-center">
                <div class="gradient-text">
                    今日进馆人数：
                    <span class="gradient-text-no"></span>
                </div>
            </div>
        </div>
    </div>
    <!-- 进馆人数总数统计 end -->

    <!-- 进馆人数年、月、日统计 start -->
    <div id="ywdStatistics" class="row statistics-ywd statistics-ywd-reader">
        <div class="col-xs-12 text-center">
            <div class="btn-group">
                <button type="button" class="btn btn-default btn-d active" data-chart="day">日图</button>
                <button type="button" class="btn btn-default btn-w" data-chart="week">周图</button>
                <button type="button" class="btn btn-default btn-y" data-chart="year">年图</button>
            </div>
            <div class="statistics-circle-block statistics-ywd-chartbox">
               <div id="ywdStatisticsChart" class="statistics-chart statistics-ywd-chart"></div>
            </div>
        </div>
    </div>
    <!-- 进馆人数年、月、日统计 end -->

</div>
<!-- 页面容器 end -->
<script src="../js/jquery-2.2.4.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
<script src="../js/echarts.min.js"></script>
<script src="../js/countUp.min.js"></script>
<script src="../js/reader.js"></script>
</body>
</html>